var headerShow = Vue.extend({

data(){
  return{

  };
},
mounted: function() {
    this.$nextTick(function() {
        //this.TouchSlide();
    });
},
methods: {

},
props: ['productData'],
template:'\
<header class="header">\
    <div class="kuan_heaaer clearfix container">\
        <router-link to="/index" id="logo" class="logo">满启科技</router-link>\
        <div class="nav_div">\
            <ul class="nav_ul">\
                <li class="active">\
                    <router-link to="/index"><span>网站首页</span></router-link>\
                </li>\
                <li>\
                    <router-link to="/about"><span>关于我们</span></router-link>\
                    <div class="erji">\
                        <a href="about.html">公司简介</a>\
                        <a href="honor.html">荣誉资质</a></div>\
                </li>\
                <li>\
                    <router-link to="/product"><span>产品展示</span></router-link>\
                    <div class="erji">\
                        <router-link :to="\'/product/\' + index + \'/\' " v-for="(item,index) in productData.data" v-text="item.className"></router-link>\
                    </div>\
                </li>\
                <li>\
                    <router-link to="/news"><span>新闻资讯</span></router-link>\
                </li>\
                <li>\
                    <router-link to="/dowmload"><span>下载中心</span></router-link>\
                </li>\
                <li>\
                    <router-link to="/contact"><span>联系我们</span></router-link>\
                    <div class="erji">\
                        <a href="contact.html">联系方式</a>\
                        <a href="feedback.html">在线留言</a></div>\
                </li>\
            </ul>\
        </div>\
        <a href="#mmenu" class="iconfont phone-nav">\
            <span class="glyphicon glyphicon-align-justify"></span>\
        </a>\
    </div>\
</header>\
',

});